<template>
  <!-- <component
    :is="icon.element ? icon.element : 'i'"
    class="vsm--icon"
    :class="typeof icon === 'string' || (icon instanceof String) ? icon : icon.class"
    v-bind="icon.attributes"
  >
    {{ icon.text }}
  </component> -->
  <img :src="icon" class="menu-icon-img">
</template>

<script>
export default {
  name: 'SidebarMenuIcon',
  props: {
    icon: {
      type: [String, Object],
      default: ''
    }
  }
}
</script>
<style lang="scss">
  .menu-icon-img{
    width: 26px;
    margin-right: 5px;
  }
</style>
